import React from 'react';
import { Menu, Team } from '@/assets/icons';
import DragWrapper from './dragWrapper';
import styles from './style.less';

const TreeItem = ({ label, pList }) => {
  return (
    <div className={styles.treeItemBox}>
      <div
        className={styles.treeItem}
        style={{ paddingLeft: `${pList.length * 30}px` }}
      >
        <Menu className={styles.treeItemIconText} />
        <Team className={styles.treeItemIconText} />
        <span className={styles.treeItemSecondText}>{label}</span>
      </div>
    </div>
  );
};

export default DragWrapper(TreeItem);
